﻿body {
    /* background-image: url(../images/codigo_de_etica/bgReceita.png)!important; */
    width: 100%;
    text-transform: uppercase;
    background-size: auto;
    background-repeat: repeat;
    background: var(--creme);
}#fadeBg {
    width: 100%;
    height: 20vh;
    background-image: url(../images/bannerprin.png);
    background-size: cover;
    background-position: top;
    filter: blur(6px);
    -webkit-filter: blur(6px);
    position: relative;
}
#fadeBg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    height: 100%;
    width: 100%;
}
#not_found {
  margin-top: 20px;
  text-align: center;
  color: var(--chocolate);
}

#not_found .error_alert {
  font-family: DecoyBlack;
  font-size: 7rem;
  letter-spacing: 0.5px;
}
#not_found .error_alert p {
  margin: 0 auto;
  letter-spacing: -10px;
  margin-bottom: 0;
}
#not_found .error_alert p > img {
  width: 110px;
  height: auto;
  padding: 0;
  margin: 0;
  margin-right: -10px;
}
#not_found .error_description {
  margin-top: 50px;
}
#not_found .error_description p {
  font-family: DecoyBlack;
  font-size: 1.6rem;
  margin-bottom: 0;
}
#not_found .backToHome{

background-color: var(--amarelo);
    color: var(--chocolate);
    font-family: DecoyMedium;
    padding: 7px 14px;
    border: 1px solid transparent;
    border-radius: 5em;
  font-size: 0.8rem;
  letter-spacing: 1px;
  display: block;
  width: fit-content;
  margin: auto;
  margin-bottom: 50px;
  text-decoration: none;
  
}
#not_found .backToHome:hover {
    background-color: var(--creme);
    border-color: var(--chocolate);
}

/*  */

@media (max-width: 968px) {
}
@media (max-width: 650px) {
}

@media (max-width: 560px) {
  #not_found .error_alert {
    font-size: 8rem;
    letter-spacing: 0.5;
    margin-top: 1rem;
  }
  #not_found .error_alert p {
    letter-spacing: -20px;
    margin-bottom: 1.5rem;
    padding-right: 10px;
  }
  #not_found .error_alert p > img {
    width: calc(232px - 15%);
    height: calc(226px - 10%);
    margin-left: 15px !important;
  }
  #not_found .error_description p {
    font-size: 1.2rem;
  }
}
@media (max-width: 375px) {
  #not_found .error_alert {
    font-size: 7rem;
    letter-spacing: 0.5;
    margin-top: 1rem;
  }
  #not_found .error_alert p {
    letter-spacing: -20px;
    padding-right: 12px;
  }
  #not_found .error_alert p > img {
    width: calc(232px - 18%);
    height: calc(226px - 12%);
    margin-left: 15px !important;
  }
  #not_found .error_description p {
    font-size: 1rem;
  }
  #not_found .error_description a {
    font-size: 0.6rem;
  }
}
@media (max-width: 320px) {
  #not_found .error_alert {
    font-size: 5rem;
  }
  #not_found .error_alert p {
    padding-right: 12px;
  }
  #not_found .error_alert p > img {
    width: calc(232px - 44%);
    height: calc(226px - 16%);
    margin-left: 24px !important;
  }
  #not_found .error_description p {
    font-size: 0.9rem;
  }
  #not_found .error_description a {
    font-size: 0.6rem;
  }
}

